<!--
 * @Author: your name
 * @Date: 2020-05-05 14:21:01
 * @LastEditTime: 2020-08-03 17:15:58
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_plugins\src\views\Waves.vue
-->
<template>
  <div class="container">
    <van-nav-bar title="Waves组件" :border="false" left-arrow fixed @click-left="$router.go('-1')" />
    <van-button v-waves type="primary" @click="notice_success()">Waves</van-button>
    <div class="demo" v-waves="{color:'red'}" @click="notice_primary()"></div>
  </div>
</template>
<script>
export default {
    name: "Waves",
    data() {
        return {};
    },
    methods: {
        notice_success() {
            // 成功通知
            this.$notify({
                type: "success",
                message: "成功通知",
                duration: 1000
            });
        },
        notice_primary() {
            // 主要通知
            this.$notify({
                type: "primary",
                message: "主要通知",
                duration: 1000
            });
        }
    }
};
</script>
<style lang="less" scoped>
.demo {
    height: 100px;
    background-color: rgb(82, 80, 211);
}
</style>